<template>
  <div class="about">
    <h1>This is an about page</h1>
    <!-- 兄弟组件 -->
    <A></A>
    <B></B>
    <v-touch v-on:swipeup="goRegister" @swipeleft="swiperleft" @swiperight="swiperright">
      <div style="width: 100vw; height: 300px; background: lightblue">
        <img src="../assets/logo.png" alt="" />
      </div>
    </v-touch>
  </div>
</template>
<script>
import A from './component/A.vue'
import B from './component/B.vue'
export default {
  components: {
    A,
    B,
  },
  data() {
    return {}
  },
  methods: {
    goRegister() {
      console.log('goRegister:')
    },
    swiperleft() {
      console.log('left')
    },
    swiperright() {
      console.log('right')
    },
  },
}
</script>
